import axios from 'axios'
// 1.引入Vue
import Vue from 'vue'
// 2.引入vuex
import Vuex, { Store } from 'vuex'
// 3.使用Vuex 插件
Vue.use(Vuex)

// 4.配置vuex
export default new Store({
  actions: {
    // jia(context, value) {
    //   console.log(context, value, '加-----');
    //   context.commit('JIA', value)
    // },
    // jian(context, value) {
    //   console.log(context, value, '减------');
    //   context.commit('JIAN', value)
    // },

    jishujia(context, value) {
      console.log(context, value, '奇数加------');
      if (context.state.sum % 2) {
        context.commit('JIA', value)
      }
    },
    yibujia(context, value) {
      console.log(context, value, '异步加-----');
      context.commit('JIA', value)
    },
    // 有意义的action
    Sendreq({ commit }) {
      axios.get('https://api.uomg.com/api/rand.qinghua?format=json').then(
        (req) => {
          alert(req.data.content);
          commit('JIA', req.data.content.length)
        },
        (err) => {
          console.log(err.massage);
        }
      )
    },

  },
  mutations: {
    JIA(state, value) {
      // console.log(a, b);
      state.sum += value
    },
    JIAN(state, value) {
      // console.log(a, b);
      state.sum -= value
    },
  },

  getters: {
    bigSchool(state) {
      return state.school + '999'
    },
    bigAddress(state) {
      return state.adress + '666~~~'
    },
  },
  state: {
    sum: 1,
    school: '宣科院xxx',
    adress: '张家口市yyy'
  },
})